<template>
	<view class="page_scroll_view">
		<tn-navbar fixed :bottom-shadow="false">财务管理</tn-navbar>
		<tn-sticky class="tn-white_bg">
			<tn-tabs v-model="currentTabIndex" :bottom-shadow="false" :scroll="true">
				<tn-tabs-item v-for="(item, index) in tabsData" :key="index" :title="item.text" />
				<template #bar>
					<tn-icon name="tabs-smile" type="primary" />
				</template>
			</tn-tabs>
		</tn-sticky>
		<scroll-view scroll-y="true">
			<view>
				<SettlementVue v-if="currentTabIndex==0"></SettlementVue>
				<RefundVue v-if="currentTabIndex==1"></RefundVue>
				<FinanceVue v-if="currentTabIndex==2"></FinanceVue>
				<SpecialBillVue v-if="currentTabIndex==3"></SpecialBillVue>
				<TransferMoneyVue v-if="currentTabIndex==4"></TransferMoneyVue>
			</view>
			<view style="height: 50rpx;"></view>
		</scroll-view>
	</view>
</template>

<script setup>
	import SettlementVue from "./components/Settlement.vue"
	import RefundVue from "./components/Refund.vue"
	import FinanceVue from "./components/Finance.vue"
	import SpecialBillVue from "./components/SpecialBill.vue"
	import TransferMoneyVue from "./components/TransferMoney.vue"
	import {
		ref
	} from 'vue';

	const currentTabIndex = ref(0)
	const tabsData = [{
			text: '结算管理',
		},
		{
			text: '退款管理',
		},
		{
			text: '系统账单',
		},
		{
			text: '特价账单',
		},
		{
			text: '微信转账',
		}
	]
</script>

<style scoped lang="scss">
</style>